<!DOCTYPE html>
<!-- 3.新制作一个注册页面，要求：
      3.1 包含用户名，密码，性别，学院，爱好，自我介绍及提交按钮
      3.2 包含:输入框，密码框，单选框，多选框，文本域，下拉列表
      3.3 每个需要提交的标签都要有name值
      3.4 按照name的方式查找各个元素
      3.5 按照标签的方式查找各个元素 -->
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<form action="" method="post">
			<div id="div4">	
			用户名:<input type="text"  id="username" value="" /></br>
			密码:<input type="password" id="userpwd" value="" /></br>
			性别:男<input type="radio" name="sex"  value="0" />女<input type="radio" name="sex" value="1" /></br>
			学院:<select name="">
				<option value="">软件工程学院</option>
				<option value ="">城乡建筑学院</option>
				<option value ="">环境工程学院</option>
			</select></br>
			爱好:篮球:<input type="checkbox" value=""/>
			游泳:<input type="checkbox"  value="" />
			听音乐:<input type="checkbox"  value="" /></br>
			自我介绍:<textarea rows="10" cols="30" ></textarea></br>
			<button type="button">提交</button>
			</div>
		</form>
	</body>
		<script type="text/javascript">
			var divobj4=document.getElementsByTagName('input')
			console.log(divobj4)
		</script>
</html>
